/*
 * Created: 2022-08-27 07:47:21
 * Author : 涛涛涛
 */
//! 如果要使用一些class的生命周期,直接使用高阶组件来完成
import React, { Component, FC, useEffect } from 'react';
import { View, Text } from '@tarojs/components';
import { styled } from 'linaria/react';
import { useClassName } from '@/utils/index';
import { ProductExhibitionContext, useProductInfomation } from './ProductExhibitionContext';
import Operation from './Operation/Operation';
import RootPageComponent from '@/pages/components/RootPageComponent/RootPageComponent';
import BaseInfo from './BaseInfo/BaseInfo';
import Launch from './Launch/Launch';
import AutherIntroduce from './AutherIntroduce/AutherIntroduce';
import Introduction from './Introduction/Introduction';
import Particulars from './Particulars/Particulars';
export interface IProps extends ICompProps {}
ProductionExhibition.defaultProps = {} as Partial<IProps>;
function ProductionExhibition(props: IProps) {
    const { className, style } = props;
    const localClassName = useClassName('ProductionExhibition', className);
    const { product, freshProduct } = useProductInfomation();
    return (
        <ProductExhibitionContext.Provider value={{ Operation: <Operation></Operation>, product, freshProduct }}>
            <RootView className={localClassName} style={style}>
                <RootPageComponent leftTitle="极影藏品" enableExpand>
                    <BaseInfo></BaseInfo>
                    <Launch></Launch>
                    <AutherIntroduce></AutherIntroduce>
                    <Introduction></Introduction>
                    <Particulars></Particulars>
                </RootPageComponent>
            </RootView>
        </ProductExhibitionContext.Provider>
    );
}
export default React.memo(ProductionExhibition as FC<IProps>);
const RootView = styled(View)`
    &.ProductionExhibition {
    }
`;
